/* CSS Document */

.flex_set{display:-webkit-flex; display: flex;}
.flex_row{display:-webkit-flex; display: flex; flex-flow: row nowrap;}
.flex_column{display:-webkit-flex; display: flex; flex-flow: column nowrap;}


.flex_around{justify-content:space-around; }
.flex_between{justify-content:space-between;}
.flex_center{justify-content: center;}
.flex_stretch{align-items: stretch;}
.flex_align_center{align-items: center;}

/*常规横排定位，arround排列，上下居中对齐*/
.flex_rr { display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; }
/*常规横排定位，between排列，上下居中对齐*/
.flex_rb { display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }

/*常规坚排定位，arround排列，左右居中对齐*/
.flex_cr { display:-webkit-flex; display: flex; flex-flow: column nowrap; justify-content: space-around; align-items: center; }
/*常规坚排定位，between排列，左右居中对齐*/
.flex_cb { display:-webkit-flex; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; }

.flex_grow_1{flex-grow: 1;} 
.flex_grow_2{flex-grow: 2;}
.flex_grow_3{flex-grow: 3;}

.flex_shrink_1{flex-shrink: 1;}
.flex_shrink_2{flex-shrink: 2;}
.flex_shrink_3{flex-shrink: 3;}

.flex_auto{flex:auto;} /*等价于flex-grow：1；flex-shrink:1; flex-basis:auto; 即自动放大和缩小*/
.flex_none{flex:none;} /*等价于flex-grow：0；flex-shrink:0; flex-basis:auto; 即不会放大缩小*/

.flex_words_center{display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
.flex_words_left{display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
.flex_words_right{display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center;}
.flex_words_top{display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start;}
.flex_words_bottom{display:-webkit-flex; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end;}